<template>
	<div class="content paid">
		<div class="paid-content">
			<div class="paid-content-message">支付已完成</div>
			<div class="paid-content-btns">
				<div>
					<el-button @click="backToHomeClick">返回首页</el-button>
				</div>
				<div>
					<el-button @click="toLookOrderClick">查看订单</el-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "Order",
		data() {
			return {

			}
		},
		components: {

		},
		methods: {
			backToHomeClick(){
				this.$router.push({
					name: 'Home'
				});
			},
			toLookOrderClick(){
				this.$router.push({
					name: 'OrderDetail',
					params: {
						order_id: this.$route.params.order_id,
					}
				});
			}
		}
	}
</script>

<style lang="less">
	@import "../Order.less";
	@import "../../../style/Common.less";

	.paid {
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;

		.paid-content {

			.paid-content-message {
				text-align: center;
			}

			.paid-content-btns {
				display: flex;

				>div {
					margin: 50px;
				}
			}
		}
	}
</style>
